<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>星星国际影城</title>
	</head>
	<body>
		<!--顶部-->
		<div>
			<a href="#"><img src="images/ico_sina.jpg" title="sina" alt="新浪" /></a>
			<a href="#"><img src="images/ico_tqq.jpg" title="tqq" alt="tqq" /></a>
			<a href="#">登录|</a>
			<a href="#">注册|</a>	
			<span>全国服务热线：888-8888888</span>
			<hr />
		</div>
		<!--logo部分-->
		<div >
			<a href="index.html">
				<img src="images/logo.jpg" title="" alt="logo" />
				<img src="images/logoline.jpg" />
			</a>
		</div>

		<!--导航-->
		<div>
			<ul style="display: inline-block;">
				<li style="display: inline-block;">
					<a href="#">首页</a><img src="images/menuli.jpg">
				<li style="display: inline-block;">
					<a href="#">影片</a><img src="images/menuli.jpg">
				</li>
				<li style="display: inline-block;">
					<a href="#">影城</a><img src="images/menuli.jpg">
				</li>
				<li style="display: inline-block;">
					<a href="#">购票</a><img src="images/menuli.jpg">
				</li>
				<li style="display: inline-block;">
					<a href="#">影城活动</a><img src="images/menuli.jpg">
				</li>
				<li style="display: inline-block;">
					<a href="#">会员服务</a><img src="images/menuli.jpg">
				</li>
				<li style="display: inline-block;">
					<a href="#">顾客互动</a><img src="images/menuli.jpg">
				</li>
			</ul>	
			<span>
				<input type="text"  placeholder="搜索影片" name="search"/>
				<input type="button" name="btn" value="搜索" />
			</span>
		</div>
		
		<!--主体部分-->
		<div>
			<!--banner轮播图-->
			<div><img src="images/b1.png" /></div>
			<!--快速购票-->
	  	  <ul>
			<li style="display: inline-block;">
				<img src="images/ico_quick.jpg" alt="快速购票">
			</li>
			<li style="display: inline-block;">
				<select>
					<option>选择影院</option>
					<option>星星国际</option>
					<option>UME影城安贞店</option>
					<option>中影火山湖电影城番禺店</option>
					<option>广州星汇电影城</option>
					<option>广州保利国际影城</option>
					<option>广州上影联和电影城</option>
				</select>
			</li>
			<li style="display: inline-block;">
				<select>
					<option>选择电影</option>
					<option>澳门风云</option>
					<option>怪兽大学</option>
					<option>夏日示爱</option>
					<option>激战</option>
					<option>超级经纪人</option>
					<option>逆袭</option>
					<option>极乐空间</option>
				</select>
			</li>
			<li style="display: inline-block;">
				<select>
					<option>选择时间</option>
					<option>2013-10-23(周三)</option>
					<option>2013-10-24(周四)</option>
					<option>2013-10-25(周五)</option>
				</select>
			</li>
			<li style="display: inline-block;">
				<select>
					<option>选择场次</option>
					<option>05：30</option>
					<option>18：30</option>
					<option>22：30</option>
				</select>
			</li>
			<!--购票按钮-->
			<li style="display: inline-block;">
				<a href="#">快速购票</a>
			</li>
		</ul>
			<!--内容区域-->
		<div style="display: inline-block;">
			<span>正在热映</span>
			<span>即将上映</span>
			<hr color="red" size="3" width="100%" />
			<!-- 正在热映列表组 -->
			<ul>
				<li style="display: inline-block;">
					<img src="images/img0.jpg" alt="速度与激情6"/><br />
					<p>速度与激情6</p>
				</li>
				<li style="display: inline-block;">
					<img src="images/img0.jpg" alt="速度与激情6"/><br />
					<p>速度与激情6</p>
				</li>
				<li style="display: inline-block;">
					<img src="images/img0.jpg" alt="速度与激情6"/><br />
					<p>速度与激情6</p>
				</li>
				<li style="display: inline-block;">
					<img src="images/img0.jpg" alt="速度与激情6"/><br />
					<p>速度与激情6</p>
				</li>
			</ul>
			<ul>
				<li style="display: inline-block;">
					<img src="images/img0.jpg" alt="速度与激情6"/><br />
					<p>速度与激情6</p>
				</li>
				<li style="display: inline-block;">
					<img src="images/img0.jpg" alt="速度与激情6"/><br />
					<p>速度与激情6</p>
				</li>
				<li style="display: inline-block;">
					<img src="images/img0.jpg" alt="速度与激情6"/><br />
					<p>速度与激情6</p>
				</li>
				<li style="display: inline-block;">
					<img src="images/img0.jpg" alt="速度与激情6"/><br />
					<p>速度与激情6</p>
				</li>
			</ul>
			<ul>
				<li style="display: inline-block;">
					<img src="images/img0.jpg" alt="速度与激情6"/><br />
					<p>速度与激情6</p>
				</li>
				<li style="display: inline-block;">
					<img src="images/img0.jpg" alt="速度与激情6"/><br />
					<p>速度与激情6</p>
				</li>
				<li style="display: inline-block;">
					<img src="images/img0.jpg" alt="速度与激情6"/><br />
					<p>速度与激情6</p>
				</li>
				<li style="display: inline-block;">
					<img src="images/img0.jpg" alt="速度与激情6"/><br />
					<p>速度与激情6</p>
				</li>
			</ul>
		</div>
		<!--侧边栏-->
		<div style="display: inline-block;">
			<span>影城活动</span>
			<a href="#">更多&lt;&lt;</a>
			<hr color="red" size="3" width="100%" />
			<p align="center">
				<img src="images/img02.jpg">
			</p>
			<ul>
				<li style="display: inline-block;">
					<img src="images/img01.jpg" width="72" height="45"><br />
					<font size="1">《敢死队》7月<br/>18日与你约</font>
				</li>
				<li style="display: inline-block;">
					<img src="images/img02.jpg" width="72" height="45"><br />
					<font size="1">《敢死队》7月<br/>18日与你约</font>
				</li>
				<li style="display: inline-block;">
					<img src="images/img05.jpg" width="72" height="45"><br />
					<font size="1">《敢死队》7月<br/>18日与你约</font>
				</li>
			</ul>
			<span>服务公告</span>
			<a href="#">更多&lt;&lt;</a>
			<hr color="red" size="3" width="100%" />
			<ul>
                <li>
                    <a href="#">2013韩国电影展8月开幕</a>
                </li>
                <li>
                    <a href="#">吴宇森灾难文艺片"太平轮"手稿曝光</a>
                </li>
                <li>
                     <a href="#">2013韩国电影展8月开幕</a>
                </li>
                <li>
                    <a href="#">吴宇森灾难文艺片"太平轮"手</a>
                </li>
                <li>
                    <a href="#">2013韩国电影展8月开幕稿曝光</a>
                </li>
                <li>
                    <a href="#">吴宇森灾难文艺片"太平轮"手稿曝光</a>
                </li>
                <li>
                    <a href="#">2013韩国电影展8月开幕</a>
                </li>
            </ul>
            <span>品牌资讯</span>
            <a href="#">更多&lt;&lt;</a>
			<hr color="red" size="3" width="100%" />
			<ul>
                <li>
                    <a href="#">2013韩国电影展8月开幕</a>
                </li>
                <li>
                    <a href="#">吴宇森灾难文艺片"太平轮"手稿曝光</a>
                </li>
                <li>
                     <a href="#">2013韩国电影展8月开幕</a>
                </li>
                <li>
                    <a href="#">吴宇森灾难文艺片"太平轮"手</a>
                </li>
           </ul>	
		</div>
		</div>
		<!--底部-->
		<div>
			<!--帮助-->
			<ul style="display: inline-block;">
				<li><h3>新手上路</h3></li>
				<li>注册登录问题</li>
				<li>用户绑定会员卡问题</li>
				<li>影票相关问题</li>
				<li>票价和支付问题</li>
				<li>取票凭证码和取票问题</li>
			</ul>
			<ul style="display: inline-block;">
				<li><h3>购票指南</h3></li>
				<li>用户购票流程</li>
				<li>取票观影指南</li>
				<li>会员卡支付相关说明</li>
				<li>网银支付相关说明</li>
			</ul>
			<ul style="display: inline-block;">
				<li><h3>会员权益</h3></li>
				<li>会员订票权益</li>
				<li>会员积分权益</li>
				<li>入会资格</li>
				<li>会员卡折扣说明</li>
			</ul>
			<ul style="display: inline-block;">
				<li><h3>联系我们</h3></li>
				<li>手机客户端介绍与下载</li>
				<li>影片信息查询</li>
				<li>手机自助购票</li>
			</ul>
			<p>
            	<a href="">公司介绍 - </a>
            	<a href="">合作咨询 - </a>
            	<a href="">友情链接 - </a>
           	 	<a href="">网站地图 - </a>
            	<a href="">站长统计 - </a>
            	<a href="">网站声明</a>
       		</p>
        	<p>Copyright © 2013  ed by</p>
		</div>
	</body>
</html>
